<!-- 模板 -->
<template>
  <div>
    <el-dialog v-model="model" title="查看大图" width="500" @close="close">
      <img style="width: 450px;height: 450px;" :src="url" alt="">
    </el-dialog>
  </div>
</template>

<script lang="ts">
import menuEnums from '@/config/Enums/menu'
import Pinterface from '@/config/Interface/Public'
import Interface from '@/config/Interface/Menu'
import { defineComponent,ref,onMounted,reactive,toRefs} from 'vue'
import { getCurrentInstance} from 'vue'
import { ElMessage, FormInstance, FormRules } from 'element-plus'
export default defineComponent({
  name: 'chooseMenu',
  components: {

  },
  setup(props,{ emit }){
    const context = getCurrentInstance()?.appContext.config.globalProperties; //获取this
    const model =ref(false) // 模态框显示隐藏
    const url = ref("")
    const trigger = (imgUrl:string) => {
      url.value = imgUrl
      model.value = true
    }
    const close = ()=>{
      url.value = ''
      model.value = false
    }
    return {
      model,url,trigger,close
    }
  }
})
</script>

<style scoped lang="stylus">
</style>
